<template>
  <div id="pay-success-page">
    <div class="page-title" :style="{
      top:(this.getSafeArea().top-4)+'px'
    }">
      <span>注册成功</span>
    </div>
    <div class="show-content">
        <div class="register-success-icon"></div>
        <div class="order-info">

          <div style="width: 60%; margin: 5px auto; text-align: center; line-height: 80px;">
            注册账号: <span class="right red b" v-text="$route.query.mobile"></span>

          </div>
          <div class="c"></div>
        </div>
        <div align="center">
          <el-button icon="el-icon-view" type="danger" size="medium" @click="downLoadApp">前去下载App</el-button>
        </div>
    </div>
    <div align="center"></div>
  </div>
</template>

<script>
import ProductListItem from "../common/ProductListItem";
export default {
  name: "PaySuccess",
  components: {ProductListItem},
  data:function () {
    return {

    }
  },
  mounted() {
    // this.getOrderList()
  },
  methods:{
    downLoadApp:function () {
      window.location.href=dict.H5_UrlMap.MEMBER_CLIENT_DOWNLOAD_URL_ANDROID
    }
  }
}
</script>

<style scoped>

</style>
